<!-- 试复样管理 -->
<template>
    <div class="main-container" id="main-container">
        <div style="background-color: #fff; height:100%;" id="trialDuplicateSampleManagement">
           <a-tabs   :lazy-load="true" type="card" @change="tabsChange" justify>
                <a-tab-pane title="试复样登记列表" key="1"> 
                    <div style="height: 100%;"> 
                         <TrialDupSampleRegisterList /> 
                     </div>  
                </a-tab-pane> 
                <a-tab-pane title="每日打板统计" key="2"> 
                    <div style="height: 100%;"> 
                         <DaliyPunchingStatistics />  
                     </div>
                </a-tab-pane>   
            </a-tabs> 
        </div>  
    </div>              
</template> 
  
<script lang="ts">  
import { defineComponent } from 'vue'
import emitter from '@/hooks/useEventBus' 
export default defineComponent({
       name:'trialDuplicateSampleManagement', 
       setup() { 
           const tabsChange = (e:string | number) => { 
              emitter.emit('window-change'); 
              if(e === '1'){
                    emitter.emit('refresh-TrialDupSampleRegisterList')
                }else if(e === '2'){
                    emitter.emit('refresh-DaliyPunchingStatistics') 
                }
           }
           return {
              tabsChange
           } 
       },
  })
</script> 
 
<style scoped>
.main-container{
    height: 100%;
}

:deep(.ag-cell) {
     border-right: 1px solid #dde2eb;
 }
 
 :deep(.ag-header-cell) {
     border-right: 1px solid #dde2eb;
 }
 
 :deep(.ag-cell-value) {
     user-select: initial;
     -moz-user-select: text;
     -ms-user-select: text;
     -webkit-user-select: text;
 }
</style>